<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.4.1/jquery.js"></script>
    <script>
        //  函数对象与实例对象
        //     函数对象：将函数作为对象使用时，简称为函数对象
        //     实例对象： new 函数产生的对象，简称为实例对象

        // 异步效果分析：1.定时任务 2.AjAX 3.时间对象

        // var ret = '---------'
        // $.ajax({
        //     url: 'http://localhost:3000/',
        //     success:function(res){
        //         // console.log(res)
        //         ret = res
        //         console.log(ret)
        //     }
        // })
        // console.log(ret)

        // #############################################
        // $.ajax({
        //     url: 'http://localhost:3000/data1',
        //     success:function(res){
        //         console.log(res)
        //     }
        // })
        // $.ajax({
        //     url: 'http://localhost:3000/data2',
        //     success:function(res){
        //         console.log(res)
        //     }
        // })
        // $.ajax({
        //     url: 'http://localhost:3000/data3',
        //     success:function(res){
        //         console.log(res)
        //     }
        // })
        // 多次调用可能 存在调用顺序不一致，如果要确保调用的顺序一致 需要嵌套调用

        // #####################################################
        $.ajax({
            url: 'http://localhost:3000/data1',
            success:function(res){
                console.log(res)
                $.ajax({
                    url:'http://localhost:3000/data2',
                    success:function(res){
                        setTimeout(() => {
                            console.log(res)
                        }, 1500);
                        $.ajax({
                            url:'http://localhost:3000/data3',
                            success:function(res){
                                console.log(res)
                            }
                        })
                    }
                })
            }
        })
    </script>
</body>
</html>